<template>
  <div class="menu-demo">
    <a-menu mode="horizontal" theme="dark" :default-selected-keys="['1']">
      <a-menu-item
        key="0"
        :style="{ padding: 0, marginRight: '38px' }"
        disabled
      >
        <img
          class="img_logo"
          src="https://wangweilun-1306462865.cos.ap-nanjing.myqcloud.com/qrCode_project_img/logo.png"
        />
      </a-menu-item>
      <a-menu-item key="1">首页</a-menu-item>
      <a-menu-item key="2">模版中心</a-menu-item>
      <a-menu-item key="3">社区</a-menu-item>
      <a-menu-item key="4">资源</a-menu-item>
    </a-menu>
  </div>
</template>

<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "Header",
});
</script>
<script setup></script>

<style lang="scss" scoped>
.img_logo {
  width: 40px;
  height: 40px;
  position: relative;
  top: 6px;
}
</style>
